<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<style type="text/css">
		.content {
		            box-shadow: 0 0 1px #f6f;
		            display: grid;
		            grid-template-columns: 100px 100px 100px;     /*列的宽度*/
		            grid-template-rows: 100px 100px 100px;      /*列的高度*/
					row-gap: 20px;  /*上下的间距*/
					column-gap: 20px;  /*左右的间距*/
					
					/* place-items: start;  左上角*/
					/* place-items: end;  右下角*/
		        }
	  .b{
		  background-color: red;
	  }
	</style>
	<body>
		  <div class="content">
		        <div class="b">1</div>
		        <div class="b">2</div>
		        <div class="b">3</div>
		        <div class="b">4</div>
		        <div class="b">5</div>
		        <div class="b">6</div>
		        <div class="b">7</div>
		        <div class="b">8</div>
		        <div class="b">9</div>
		    </div>
	</body>
</html>
